$(function () {
    getUserInfo()
    // 向服务器发起请求获取用户信息
    function getUserInfo() {
        $.ajax({
            method: "get",
            url: '/my/userinfo',
            success: function (res) {
                if (res.status !== 0) {
                    return layui.layer.msg('获取用户信息失败')
                }  
                renderAvatar(res.data)
                console.log(res);
            }
        }) 
    }
    // 头像渲染模块
    // 用获取到的数据渲染页面
    function renderAvatar(user) {
        // 获取用户的名称
        var name = user.nickname || user.username;
        // 设置欢迎的文本
        $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
        // 渲染用户头像
        if (user.user_pic !== null) {
            // 获取src属性并修改 显示
            $('.layui-nav-img').attr('src', user.user_pic).show();
            // 让盒子隐藏
            $('.text-avatar').hide()
        } else {
            // 让图片隐藏
            $('.layui-nav-img').hide();
            // 获取字符转第一个 并转化为大写
            var files = name[0].toUpperCase()
            // 让盒子显示
            $('.text-avatar').html(files).show();
        }
    }
    // var layer = layui.layer
    // 退出模块
    $('#tuichu').on('click',function () {
        layer.confirm('确定关闭?', {icon: 3, title:'提示'}, function(index){
            //  1. 清空本地存储中的 token
            localStorage.removeItem('token')
            // 2. 重新跳转到登录页面
            location.href = 'login.html'
            
            layer.close(index);
          });
    })
    
    
})